<div id="`$$ID`">
    <style>
        /*<$$ include index.css $$>*/
    </style>
    <div class="content">
        <div class="title-block">
            <h2>安排服务人员<span class="icon-circle-down"></span>
            </h2>
        </div>
        <div class="body-block">
            <div class="detail-block">
                <h3 class="pro-name"><span class="icon-weixiu"></span><span>济南市泉城路万达广场项目</span></h4>
                    <h4 class="pro-client"><span class="pro-client-name">刘昊然</span><span>18878777777</span></h4>
                    <p class="pro-pos"><small class="pro-pos-company">万达广场集团</small>&nbsp;&nbsp;<small>市场部总经理</small></p>
                    <p class="pro-info">
                        <span class="icon-checkmark02"></span>
                        <span>室外</span>,
                        <span>p6</span>,
                        <span>全彩</span>,
                        <span>有一个模组整块不亮，部分区域出现坏点</span>。
                    </p>
                    <img class="pro-img" src="" width="294" alt="项目图片" />
                    <p class="pro-addr">
                        <span class="icon-checkmark02"></span>
                        <span>山东省济南市泉城路万达广场</span>
                    </p>
                    <p class="pro-note">
                        <span class="icon-checkmark02"></span>
                        <span>项目记录</span>
                    </p>
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <td>合同编号</td>
                                <td>1209</td>
                            </tr>
                            <tr>
                                <td>屏幕类型</td>
                                <td>小间距</td>
                            </tr>
                            <tr>
                                <td>屏幕面积</td>
                                <td>80m²</td>
                            </tr>
                            <tr>
                                <td>点间距</td>
                                <td>p6</td>
                            </tr>
                            <tr>
                                <td>应用环境</td>
                                <td>室外</td>
                            </tr>
                            <tr>
                                <td>保质期至</td>
                                <td>2017.08.05</td>
                            </tr>
                            <tr>
                                <td>备品备料</td>
                                <td>模组两块、灯珠10颗</td>
                            </tr>
                            <tr>
                                <td>项目地址</td>
                                <td>山东省济南市泉城路</td>
                            </tr>
                            <tr>
                                <td>项目联络人</td>
                                <td>刘昊然</td>
                            </tr>
                            <tr>
                                <td>联络人电话</td>
                                <td>188877778888</td>
                            </tr>
                            <tr>
                                <td>销售人员</td>
                                <td>刘毅</td>
                            </tr>
                            <tr>
                                <td>销售员编号</td>
                                <td>8800</td>
                            </tr>
                        </tbody>
                    </table>

            </div>
            <div class="date-block">
                <div class="date-list">
                    <div class="date-pre">
                        <span class="icon-left-pc"></span>
                    </div>
                    <div class="date-pane">
                        <div class="date-pane-all">
                            <div class="date-day today">
                                <p>
                                    <span>04-28</span>
                                    <span class="date-week">周三</span>
                                </p>
                                <p class="free-num"><span>3</span>人</p>
                            </div>
                            <div class="date-day">
                                <p>
                                    <span>04-29</span>
                                    <span class="date-week">周三</span>
                                </p>
                                <p class="free-num"><span>3</span>人</p>
                            </div>
                            <div class="date-day">
                                <p>
                                    <span>04-30</span>
                                    <span class="date-week">周三</span>
                                </p>
                                <p class="free-num"><span>3</span>人</p>
                            </div>
                            <div class="date-day">
                                <p>
                                    <span>05-01</span>
                                    <span class="date-week">周三</span>
                                </p>
                                <p class="free-num"><span>3</span>人</p>
                            </div>
                            <div class="date-day">
                                <p>
                                    <span>05-02</span>
                                    <span class="date-week">周三</span>
                                </p>
                                <p class="free-num"><span>3</span>人</p>
                            </div>
                            <div class="date-day">
                                <p>
                                    <span>05-03</span>
                                    <span class="date-week">周三</span>
                                </p>
                                <p class="free-num"><span>3</span>人</p>
                            </div>
                            <div class="date-day">
                                <p>
                                    <span>05-04</span>
                                    <span class="date-week">周三</span>
                                </p>
                                <p class="free-num"><span>3</span>人</p>
                            </div>
                            <div class="date-day">
                                <p>
                                    <span>05-05</span>
                                    <span class="date-week">周三</span>
                                </p>
                                <p class="free-num"><span>3</span>人</p>
                            </div>
                            <div class="date-day">
                                <p>
                                    <span>05-06</span>
                                    <span class="date-week">周三</span>
                                </p>
                                <p class="free-num"><span>3</span>人</p>
                            </div>
                            <div class="date-day">
                                <p>
                                    <span>05-07</span>
                                    <span class="date-week">周三</span>
                                </p>
                                <p class="free-num"><span>3</span>人</p>
                            </div>
                            <div class="date-day">
                                <p>
                                    <span>05-08</span>
                                    <span class="date-week">周三</span>
                                </p>
                                <p class="free-num"><span>3</span>人</p>
                            </div>
                            
                        </div>
                    </div>    
                    <div class="date-next">
                        <span class="icon-flip-pc"></span>
                    </div>    
                </div>
                <div class="table-label">
                    <span class="table-label-name">姓名</span>
                    <span class="table-label-city">当前位置</span>
                    <span class="table-label-status">状态</span>
                    <span class="table-label-operation">操作</span>
                </div>
                <div class="suppliers-list">
                    <div class="item">
                        <p class="item-name">王伟</p>
                        <p class="item-location">
                            <span class="item-city">深圳</span>&nbsp;&nbsp;
                            <span class="item-distance">3.6km</span>
                        </p>
                        <p class="item-status">
                            <span class="item-icon-free"></span>&nbsp;&nbsp;
                            <span class="item-curr-status">空闲</span>&nbsp;&nbsp;
                        </p>
                        <button class="btn btn-primary item-operation" evt="chooseSupplier">派他</button>
                    </div>
                    <div class="item">
                        <p class="item-name">王伟</p>
                        <p class="item-location">
                            <span class="item-city">深圳</span>&nbsp;&nbsp;
                            <span class="item-distance">3.6km</span>
                        </p>
                        <p class="item-status">
                            <span class="item-icon-busy"></span>&nbsp;&nbsp;
                            <span class="item-curr-status">服务中</span>&nbsp;&nbsp;
                            (<span class="item-date">04/12-04/28</span>)
                        </p>
                        <button class="btn btn-primary item-operation" evt="chooseSupplier">派他</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>